<!DOCTYPE html>
<html>

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <link rel="stylesheet" href="./style.css">
  <link rel="stylesheet" href="./img_style.css">
  <title>XiaoZhao</title>
  <link rel="icon" type="image/png" href="./img/xz_hb.png">
</head>

<body id="main">

  <div id="mySidenav" class="sidenav buhuanhang">
    <a href="javascript:void(0)" class="closebtn" title="关闭" onclick="closeNav()">x</a>
    <a href="https://aixiaozhao.gitee.io/" title="首页">首页</a>
  </div>

  <span style="font-size:33px;cursor:pointer;text-shadow: -1px -1px 1px white;float: left;" onclick="openNav()">☰</span>

  <div id="container" onclick="closeNav()">
    <div class="inner">
      <div style="float: right;">&nbsp;<span id="Timenowsweek"></span>&nbsp;<span id="TimeNowS">&nbsp;</span>&nbsp;&nbsp;</div>
      <img src="./img/xz_hb.png" height="55px" width="55px" />
      &nbsp;@XiaoZhao
      <hr>
      <section class="clearfix">
        <a href="https://dreach.goho.co" target="_blank" class="homes">
          &nbsp;高效办公套件
          <img src="./img/img_Excel.png"/>
        </a>
        <a href="https://tophub.today" target="_blank" class="homes">
          &nbsp;今日热榜
          <img src="./img/img_todaytophub.png"/>
        </a>
        <a href="http://ixiaozhao.picp.io" target="_blank" class="homes">
          &nbsp;我的博客
          <img src="./img/img_blog.png"/>
        </a>
        <br>
        <a href="https://www.allhistory.com" target="_blank" class="homes">
          &nbsp;全历史
          <img src="./img/img_AllHistory.png"/>
        </a>
        <a href="http://www.stats.gov.cn/" target="_blank" class="homes">
          &nbsp;国家统计局
          <img src="./img/img_National.png"/>
        </a>
        <a href="http://www.dxzy163.com/" target="_blank" class="homes">
          &nbsp;大学资源网
          <img src="./img/img_dxzy.png"/>
        </a>
        <br>
        <a href="https://www.runoob.com" target="_blank" class="homes">
          &nbsp;菜鸟教程
          <img src="./img/img_bunoob.png"/>
        </a>
        <a href="https://www.lanrentuku.com" target="_blank" class="homes">
          &nbsp;懒人图库
          <img src="./img/img_lanrentuku.png"/>
        </a>
        <a href="https://gitmind.cn/" target="_blank" class="homes">
          &nbsp;思维导图
          <img src="./img/img_GitMind.png"/>
        </a>
      </section>
      <footer>
        <hr>
        <a href="https://ixiaozhao.github.io" id="excel_pj">Change&nbsp;To&nbsp;English&nbsp;&nbsp;</a>
        <b id="footer_year"></b>&nbsp;
        <a href="https://aixiaozhao.gitee.io" title="aixiaozhao.home">aixiaozhao.home</a>
        &nbsp;·&nbsp;
        <a href="mailto:drizzle_zhao@outlook.com" title="联系我们">联系我们</a><br>
      </footer>
    </div>
  </div>
</body>
<script>
  function openNav() {
    document.getElementById("mySidenav").style.width = "230px";
    document.getElementById("main").style.marginLeft = "230px";
  }
  function closeNav() {
    document.getElementById("mySidenav").style.width = "0";
    document.getElementById("main").style.marginLeft = "0";
  }
  //年
  function footer_year() {
    var stime = (new Date());
    document.getElementById("footer_year").innerHTML = "&nbsp;&copy;&nbsp;2019-" + stime.getFullYear() + "&nbsp;";
  }
  setInterval(footer_year())
  //显示当前时间
  var myVar = setInterval(function () { myTimer() }, 1000);
  function myTimer() {
    var d = new Date();
    var t = d.toLocaleTimeString();
    document.getElementById("TimeNowS").innerHTML = t;
  };
  setInterval("Timenowsweek.innerHTML='星期'+'日一二三四五六'.charAt(new Date().getDay());", 1000);
</script>

</html>